@charset 'utf-8';
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: local('Oleo Script'), local('OleoScript-Regular'), url('http://themes.googleusercontent.com/static/fonts/oleoscript/v1/_weQNDK6Uf40CiGFKBBUjrrIa-7acMAeDBVuclsi6Gc.woff') format('woff');
}
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: bold;
  src: local('Oleo Script Bold'), local('OleoScript-Bold'), url('http://themes.googleusercontent.com/static/fonts/oleoscript/v1/hudNQFKFl98JdNnlo363fhbnBKKEOwRKgsHDreGcocg.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/O4NhV7_qs9r9seTo7fnsVLO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/wMws1cEtxWZc6AZZIpiqWALUuEpTyoUstqEm5AMlJo4.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxiXIwCIIu6QKBvrtc7ntuuI.woff') format('woff');
}
@font-face{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src:
        local('Open Sans Bold'),
        local('OpenSans-Bold'),
        url('http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzL3hpw3pgy2gAi-Ip7WPMi0.woff') format('woff');
}
@font-face{
    font-family:'MOYASHI';
    font-style:normal;
    font-weight:400;
    src:
        local("MOYASHI"),
        url("http://mattintosh.blog.so-net.ne.jp/_images/blog/_1be/mattintosh/MOYASHI.woff-ad2c9.mp4") format("woff");
}
article,
aside,
blockquote,
body,
div,
dd,
dl,
dt,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
map,
nav,
ol,
p,
pre,
section,
table,
ul{
    display:block;
    margin:0;
    padding:0;
}
ol,ul{
	list-style-type:none;
}
table{
	display:table;
}
hr{
	height:0;
	border-width:1px 0 0;
	border-style:dashed;
	border-color:rgb(60%,60%,60%);
	margin:20px 0;
}

/* header.css */
.sbHeader a:link,.sbHeader a:visited,.sbHeader a:active{color:#222;text-decoration:none}.sbHeader a:hover{color:#222;text-decoration:underline}.sbHeader{min-width:770px;font-family:Verdana,Arial,sans-serif;border-bottom:1px solid #aaa;font-size:x-small;background:#fff}.sbHeader a img{border:0}.sbHeader th{padding:0 10px;white-space:nowrap}.sbHeader ul{padding:0;margin:0}.sbMenuR{padding-top:4px;float:right}td.sbMenuR{width:210px;padding-bottom:1px;text-align:left}ul.sbMenuR{float:right}.sbHeader li{float:left;margin-right:12px;list-style:none;white-space:nowrap}#footer p{margin:0;white-space:nowrap}#footer .footlink{float:left;padding-left:5px;font-size:x-small}#searchForm{margin:0;padding:0}#searchMenu{position:absolute;width:112px;overflow:hidden;background:#fff;border:1px solid #aaa;z-index:10}#searchMenu li{float:none;text-align:left}#searchMenu li a{display:block}.sbMenuR input,.sbMenuR img{vertical-align:middle}.sbMenuR .blogSearchInput{height:15px;width:130px;padding:1px 3px;border:1px solid #918d8a;border-left:none;border-right:0;font-size:12px;line-height:16px}#searchMenu{position:absolute;width:112px;overflow:hidden;background:#fff;border:1px solid #aaa;z-index:10}
#footer{padding:10px 20px;background:#eeeeee;font-size:11px;clear:both;text-align:right}#footer a:link,#footer a:visited,#footer a:active{text-decoration:none;color:#666666}#footer a:hover{text-decoration:underline;}
#researchFrame{display:none}

/* Global */

/*                       font management
***************************************/
body{
    font-family:
        Open Sans,
        Hiragino Kaku Gothic Pro,
        Meiryo,
        "ã¡ã¤ãªãª",
        sans-serif;
}
code,
kbd,
pre{
    font-family:monospace;
}
#blogTitle{
    font-family:Oleo Script;
}
.sidebar-title,
.footer-title,
#copyright{
    font-family:MOYASHI;
}

/*                                 color
***************************************/
body{
    color:rgb(
        20%,
        20%,
        20%
    )
}
.weak-color{
    color:rgb(
        50%,
        50%,
        50%
    )
}
a:link,
a:link:hover,
a:visited,
a:visited:hover{
    color:rgb(
        50%,
        40%,
        40%
    )
}
.articleBody cite a:link,
.articleBody cite a:visited{color:inherit}
.sidebar-title{color:rgb(40%,30%,30%)}
a.body-color,
#blogTitle a,
#pageNav a,
.tag-word a,
.tag-word a:hover,
.disqusWidget a:link,
.zenbackWidget a:link{
    color:inherit
}
strong{
    color:inherit
}
strong strong,
strong strong strong{
    color:rgb(100%,20%,20%)
}
time{
    color:rgb(50%,50%,50%)
}
.weak-color{
    color:rgb(50%,50%,50%)
}

/*                       text-decoration
***************************************/
a:link{
    text-decoration:none
}
a:link:hover,
a:link:focus,
a:visited:hover,
a:visited:focus{
    text-decoration:underline
}
#latestEntry ins{
    text-decoration:none
}
u,
.underline{
    text-decoration:underline
}
s,
strike,
.strike{
    text-decoration:line-through
}

/*                             font-size
***************************************/
body                                    {font-size:14px}
h1,h2,h3,h4,h5,h6                       {font-size:inherit}
#blogTitle                              {font-size:72px}
#blogDescription                        {font-size:14px}
.sidebar-title                          {font-size:24px}
.articleTitle                           {font-size:28px}
.articleTime,
.postDate                               {font-size:12px}
.article_text > section h1,
.article_text > section > section h1,
.article_text h2,
.article_text h3						{font-size:20px}
.article_text > section > section > section h1,
.article_text h4						{font-size:16px}

.article_text figcaption				{font-size:85%}
.articleFooter                          {font-size:12px}

.small                                  {font-size:smaller}
.smaller                                {font-size:smaller}
.large                                  {font-size:large}
.larger                                 {font-size:larger}
.sup                                    {font-size:smaller;vertical-align:super}

#blogTitle								{line-height:1.0}
.article_text							{line-height:1.6}
.article_text h1,
.article_text h2,
.article_text h3,
.article_text h4,
.article_text h5,
.article_text h6						{line-height:1.25}

h1,h2,h3,h4,h5,h6,
em,
dt,
th                                      {font-weight:700}
article dt a                            {font-weight:400}
strong,
strong strong strong                    {font-weight:700}
strong strong                           {font-weight:400}

/*                            font-style
***************************************/
em,cite									{font-style:normal}
i,.italic								{font-style:italic}

/*                     margin management
***************************************/
.article_text h1,
.article_text h2,
.article_text h3,
.article_text h4,
.article_text h5,
.article_text h6						{margin:40px 0 20px}

.article_text blockquote,
.article_text ol,
.article_text ul,
.article_text dl,
.article_text p,
.article_text pre,
.article_text table					{margin:20px 0}
.article_text figure					{margin:20px 0 40px}
.article_text figcaption				{margin:10px 0}
.article_text hr						{margin:40px 0}


.articleTitle                           {margin:0 0 10px}
.articleFooter                          {margin:40px 0}
.articleBody th > *,
.articleBody td > *                     {margin-bottom:0}
.articleBody th > *:first-child,
.articleBody td > *:first-child         {margin-top:0}
.articleBody h1 + section               {margin-top:-40px}
.breadcrumbs                            {margin:10px 0}
.disqusWidget                           {margin:40px 0}
.articleAuthor,
.articleCategory,
.tag-word                               {margin:10px 0}
.sidebar-body							{margin:10px 0}
.sbHeader                               {margin:0}
#side_tag li                            {margin:0 4px 0 0}
#pageNav                                {margin:10px 0}

/*                               padding
***************************************/
body                                    {padding:0}
#pageHeader hgroup                      {padding:20px 0 0}
#pageHeader                             {padding:10px 0}

/*                        width & height
***************************************/
article#post-49861879{
    width:auto
}

/*                            background
***************************************/
body{
    background-color:rgb(95%,95%,95%);
    background-image:
        /* url("https://lh5.googleusercontent.com/-V9BXPXFKKzg/T_cQGTPsvMI/AAAAAAAAHbI/gFhcbAfj3vw/s800/white_wall.png"); */
        url(https://lh5.googleusercontent.com/-V9BXPXFKKzg/T_cQGTPsvMI/AAAAAAAAHbI/gFhcbAfj3vw/s800/white_wall.png);
}
.articleBody table,
.articleBody th{
    background:rgba(90%,90%,80%,.5)
}
mark{
    background:rgb(100%,100%,0%,.5)
}

/*                              overflow
***************************************/
pre{
    overflow:auto
}


/*                              position
***************************************/
#blogDescription{
    position:absolute;
    top:0
}
#pageHeader hgroup{
    position:relative
}


/*                               display
***************************************/
#side_tag li{
    display:inline
}

/*                                 clear
***************************************/
#pageHeader,
#container,
.article_text h1,
.article_text h2,
.article_text h3,
.article_text h4,
.article_text h5,
.article_text h6{
	clear:both
}


/*                              #pageNav
***************************************/
#pageNav ul{
	padding:0;
	list-style:none
}
#pageNav li{
	display:inline
}
#pageNav li:before{
	content:"\007c";
	margin:0 8px;
	color:rgb(80%,80%,80%)
}
#pageNav li:first-child::before{
	display:none
}

/*                           role="main"
***************************************/

.article_text th,
.article_text td{
	padding:10px;
}
.article_text img{
	max-width	:100%;
	height		:auto;
}
.article_text ol{
	list-style-type	:none;
}
.article_text ol 					{counter-reset:l1}
.article_text ol li ol				{counter-reset:l2;margin:0;padding:0 0 0 20px}
.article_text ol li ol li ol			{counter-reset:l3;margin:0}
.article_text ol li::before				{content:counter(l1) "ï¼";counter-increment:l1;font-family:monospace}
.article_text ol li ol li::before		{content:counter(l1) "-" counter(l2) "ï¼";counter-increment:l2}
.article_text ol li ol li ol li::before	{content:counter(l1) "-" counter(l2) "-" counter(l3) "ï¼";counter-increment:l3}
.article_text ul{
	padding:0 0 0 20px;
	list-style-type:disc;
}
.article_text li ul{
	list-style-type:circle;
}
.article_text table{
	width:100%;
}
.article_text dt::before{
	content:"\261B";
	margin-right:4px;
}
.article_text .command::before{
	content:"\0024";
	margin-right:4px;
}
.article_text .marker{
	border-width:0 0 2px;
	border-style:solid;
	border-color:#F00;
}
.article_text .indent{
	margin-left:40px;
}
.article_text span[title]{
	border-bottom:1px dashed;
}
.article_text p[role="img"]{
	margin:20px 0 40px;
}
.article_text [aria-hidden="true"]{
	visibility:hidden;
}
.article_text [role="separator"]{
	text-align:center;
}
.article_text code {border-bottom:1px dotted rgb(192,192,192)}
.article_text pre code {border-width:inherit}


.article_text pre [role="note"],
.article_text blockquote [role="note"],
.article_text [aria-disabled="true"]{
	opacity:.6;
}

.footnotes		{font-size:85%}
.footnotes dl	{margin:1.0em 0}
.footnotes dd	{margin:0.5em 0}


.article_text table{border-collapse:collapse}

.article_text th,
.article_text td{
    border-width:1px;
    border-style:solid;
    border-color:rgb(60%,60%,60%);
    text-align:left;
    vertical-align:top;
}
p.memo{
    border:1px dashed;
    padding:1.5em;
}

.fancybox img{
	box-shadow:0 2px 12px -2px rgba(50%,50%,50%,.8);
}
.fancybox-title{
	text-align:center;
}


/* .articleFooter *****************************/
.articleFooterTitle                     {display:none}
.breadcrumbs li:before                  {content:"\003e";margin:0 4px}
.breadcrumbs li:first-child::before     {display:none}
.articleCategory h1,
.articleAuthor h1,
.tag-word h1,
.tag-word ul,
.tag-word li,
.breadcrumbs li                         {display:inline}
.tag-word li                            {white-space:nowrap}
.articleCategory h1::after,
.articleAuthor h1::after,
.tag-word h1::after                     {content:"\003a\00a0"}
/* .tag-word */
.tag-word{
    line-height:24px;
    overflow:hidden;
}
.tag-word h1{
    margin:0;
    float:left;
    line-height:inherit;
}
.tag-word ul{
    margin:0;padding:0;
    list-style:none;
    overflow:hidden;
    display:block;
}
.tag-word li{
    margin:0 2px;padding:0;
    float:left;
}
.tag-word a                             {background-color:rgb(95%,95%,95%)}
.tag-word a:hover                       {background-color:rgb(85%,85%,85%)}
.tag-word a,
.tag-word a:hover                       {text-decoration:none}
.tag-word a{
    border-radius:24px;
    padding:2px 8px;
    box-shadow:
        inset 0 0 0 1px rgb(70%,70%,70%),
        inset 0 -32px 32px -32px rgba(50%,50%,50%,.2);
}


/*                          .articleNavi
***************************************/
.articleNavi{
    margin:20px auto;
    list-style:none;
    overflow:hidden;
}
.articleNaviDate{
    margin:0;padding:0;
    list-style:none;
    width:100%;
    position:absolute;top:0;
    text-align:center;
}
.previousLink,
.nextLink{
    padding-top:8px;
    padding-bottom:8px;
    width:50%;
    min-height:32px;
}
.previousLink{
    float:left;
    text-align:left;
    background-image:url(https://lh4.googleusercontent.com/-LQDerANemcw/T8hCb16EFtI/AAAAAAAAG9o/AS1uw9ZuzXA/s32/1338524260_arrow_left.png);
    background-repeat:no-repeat;
    background-position:0 8px;
}
.nextLink{
    float:right;
    text-align:right;
    background-image:url(https://lh3.googleusercontent.com/-q16qzQfJBAI/T8hAuK6uBuI/AAAAAAAAG9c/ixcCfrxcLKE/s32/1338523823_arrow_right.png);
    background-repeat:no-repeat;
    background-position:100% 8px;
}
.previousLink-inner,
.nextLink-inner{
    padding:0 40px 0;
    display:block;
}
.previousLink-text::after,
.nextLink-text::after{
    content:attr(title);
}
.indexLink{
    padding:20px 0 0;
    text-align:center;
    clear:both;
}


/* #side **************************************/
#latestEntry li{
    padding:5px 0;
    border-bottom:1px dashed rgb(80%,80%,80%);
}
/************************************** #side */

/*                      .sonet-asin-area
***************************************/
.sonet-asin-area{
    margin:40px auto;
    font-size:12px;
    width:80%
}
.sonet-asin-image{
    float:right;
    margin:0 20px
}
.sonet-asin-area,
.sonet-asin-info{
    overflow:hidden
}
.sonet-asin-title{
    margin:0;
    font-weight:700
}
.sonet-asin-label a:link,
.sonet-asin-label a:visited,
.sonet-asin-title a:link,
.sonet-asin-title a:visited{
    color:inherit
}
.sonet-asin-info ul{
    padding:0;
    list-style:none
}


/*                         tag-page-list
***************************************/
.page-index dt{
    margin:64px 0 8px
}
.page-index dt:first-child{
    margin-top:0
}
.page-index dt a{
    text-decoration:none
}
.page-index dt a:hover{
    text-decoration:underline
}
.page-index dd{
    margin:0
}


/* page-index *************************/
.page-index			{margin:0 0 64px}
.page-index-header,
.page-index-body		{float:left;position:relative;top:0}
.page-index-header		{width:240px;left:0}
.page-index-body		{width:368px;left:32px}

.page-index-header h1		{margin:0;font-size:medium;line-height:1.4}
.page-index-header h1 a		{text-decoration:none}
.page-index-header h1 a:hover	{text-decoration:underline}
.page-index-header .postDate	{margin:8px 0 0;font-size:12px}

.page-index-body-inner p	{font-size:12px;line-height:1.8;margin:0;word-wrap:break-word}

.page-index-footer		{clear:both}
/************************* page-index */

.articleList{margin:20px 0;padding:0 0 0 1.5em}

.readMoreLink{
    clear:both;
    margin:20px auto;
    padding:12px 0;
    background-color:rgb(95%,95%,95%);
    box-shadow:
        inset 0 0 0 1px rgb(80%,80%,80%),
        inset 0 -40px 40px -30px rgba(75%,75%,75%,.2);
    color:rgb(20%,20%,20%)!important;
    display:block;
    width:240px;
    text-align:center;
    border-radius:3px;
}
.readMoreLink:hover{
    background-color:rgb(90%,90%,90%);
    box-shadow:
        inset 0 0 0 1px rgb(80%,80%,80%),
        inset 0 -40px 40px -30px rgba(75%,75%,75%,.2);
    text-decoration:none!important;
}

.artwork{border-radius:32px}
.posted{display:none}


.clearfix::after{
	content	:"";
	display	:block;
	clear	:both;
}

.pagename_category #category li         {display:inline;line-height:2em}
.pagename_category #category li::before {content:" | ";color:rgb(80%,80%,80%)}
.pagename_category #category li:first-child::before{
	display:none;
}

a[name="more"]{
	clear	:both;
	display	:block;
}

/* override management ************************/

/*                  Google Custom Search
***************************************/
#cse-search-form{
	min-height	:35px;
	font-size	:12px;
}
table.gsc-search-box{
	margin:0 !important;
}
table.gsc-search-box td.gsc-input{
	padding-right:25px !important;
}
input.gsc-input{
    margin				:0;
    width				:100%;
    padding				:10px !important;
    border-radius		:3px !important;
    background-position	:10px 50% !important;
}
.gsc-search-button,
.gsc-branding{
    display:none;
}

/*                                DISQUS
***************************************/
li.dsq-widget-item{
	margin			:10px 0!important;
	border-bottom	:1px dashed rgb(80%,80%,80%);
}
p.dsq-widget-meta{
	margin			:10px 0!important;
}
#popular-threads li.dsq-widget-item::before{
	margin			:0 0 0 -20px;
}
#recent-comments p.dsq-widget-meta a:first-child::before{
	content			:"\261b";
	margin			:0 4px 0 0;
}
#recent-comments li.dsq-widget-item{
	padding			:0 0 0 40px!important;
}
#recent-comments a.dsq-widget-user{
	display			:block;
	color			:inherit;
}
#recent-comments img.dsq-widget-avatar{
	margin			:0 0 0 -40px !important;
	padding			:0 !important;
	border-radius	:16px;
}
.dsq-combo-box{
	font-size		:12px;
	background		:transparent !important;
}
.dsq-combo-avatar{
	border-radius	:16px;
	width			:32px !important;
	height			:32px !important;
}
.dsq-widget-comment p{
	overflow		:hidden;
}
.dsq-widget-meta{
	text-align		:end;
}
/*                            FC2 Widget
***************************************/
#fc2analyzerimg_{visibility:hidden}

#tag-info h1,
#tag-info_cloud h1                      {font-size:24px;margin:40px 0 20px}
#tag-info_article                       {margin:20px 0;padding:0 0 0 40px;list-style:disc}
#tag-info_article li                    {margin:0 0 10px}
#tag-info_navi                          {margin:20px;overflow:hidden}
#tag-info_navi-previous                 {float:left}
#tag-info_navi-next                     {float:right}
#tag-info_navi-more                     {float:right}

.related-article{
    padding		:20px;
    border-width:1px;
    border-style:dashed;
}
.related-article h1{
    margin:0 0 20px;
}
.related-article ul{
    margin:0;padding:0 0 0 20px;
    list-style:disc;
}

#side_tag p{
    font-size	:smaller;
    margin		:10px 0;
}

#pageFooter{
	padding			:40px 0 20px;
	border-top		:1px solid rgb(50%,50%,50%);
	background-color:rgb(10%,10%,10%);
}
#pageFooter,
#copyright,
#copyright a:link,
#copyright a:visited{
    color:rgb(90%,90%,90%);
}
#recent-comments,
#popular-threads{
    font-size:12px;
}
#social-links{
    text-align:end;
}
#social-links li{
    display:inline;
    margin:0 0 0 4px;
}
#social-links li a:link:hover{
    opacity:.8;
}
#copyright{
    float:left;
    line-height:32px;
    font-size:16px;
}
.footer-title{
	font-size:20px;
	font-weight:400;
}

.threeQuater{
	width:75%;
}
.oneQuater{
	width:25%;
}
.body-width{
    margin-left:10%;
    margin-right:10%;
    min-width:1024px;
}
#pageHeader,
#container{
	overflow:hidden;
}
#container{
	padding:40px 0;
}
#content{
	float:left;
	width:70%;
}

#content-inner{}
#content-body{
    background-color:rgb(100%,100%,100%);
    border-radius:8px;
    box-shadow:inset 0 0 10px rgb(50%,50%,50%);
    padding:40px;
}
article{
    margin:0 auto;
}
#side{
    width:25%;
    float:right;
}
/*                      .pagenamae_index
***************************************/
/*
.pagename_index #content{
	width:40%;
	float:right;
}
.pagename_index #side{
	width:55%;
	float:left;
}
.pagename_index article {
	width:320px
}
.pagename_index .articleTitle{
	font-size:24px;
}
.pagename_index .sidebar-title{
	font-size:32px;
}
.pagename_index .article_text *{
	float:none !important;
}
.pagename_index .article_text figure,
.pagename_index .article_text [role="img"]{
	margin-left	:auto !important;
	margin-right:auto !important;
	text-align	:center !important;
}
*/

.sidebar{
    margin:40px 0 0;
}
.sidebar:first-child{
    margin:0;
}
q[title]{
	border-bottom:1px dashed
}

/*                          NAVER Matome
***************************************/
[role="contentinfo"] .mdMTMWidget01ItemUrl01View{
	margin:10px 0!important;
}
[role="contentinfo"] .mdMTMWidget01ItemDesc01View{
	width:70%;
	float:right;
}


.article_text aside.afl{
	overflow:hidden;
	margin	:40px 0;
}
.article_text aside.afl a[href^="http://hb.afl.rakuten.co.jp"] img[src^="http://hbb.afl.rakuten.co.jp"]{
	float		:left;
	margin-right:20px;
}
.dsq-comment-text pre code{
	color				:hsl(0,0%,25.0%);
	background-color	:hsl(0,0%,97.5%);
	border-color		:hsl(0,0%,92.5%);
	padding				:0.5em;
	border-style		:solid;
	border-width		:1px 1px 1px 4px;
}

/*                                GitHub
***************************************/
pre code{display:block;padding:.5em;color:#000;background:#f8f8ff}pre .comment,pre .template_comment,pre .diff .header,pre .javadoc{color:#998;font-style:italic}pre .keyword,pre .css .rule .keyword,pre .winutils,pre .javascript .title,pre .lisp .title,pre .subst{color:#000;font-weight:bold}pre .number,pre .hexcolor{color:#40a070}pre .string,pre .tag .value,pre .phpdoc,pre .tex .formula{color:#d14}pre .title,pre .id{color:#900;font-weight:bold}pre .javascript .title,pre .lisp .title,pre .subst{font-weight:normal}pre .class .title,pre .haskell .label,pre .tex .command{color:#458;font-weight:bold}pre .tag,pre .tag .title,pre .rules .property,pre .django .tag .keyword{color:#000080;font-weight:normal}pre .attribute,pre .variable,pre .instancevar,pre .lisp .body{color:#008080}pre .regexp{color:#009926}pre .class{color:#458;font-weight:bold}pre .symbol,pre .ruby .symbol .string,pre .ruby .symbol .keyword,pre .ruby .symbol .keymethods,pre .lisp .keyword,pre .tex .special,pre .input_number{color:#990073}pre .builtin,pre .built_in,pre .lisp .title{color:#0086b3}pre .preprocessor,pre .pi,pre .doctype,pre .shebang,pre .cdata{color:#999;font-weight:bold}pre .deletion{background:#fdd}pre .addition{background:#dfd}pre .diff .change{background:#0086b3}pre .chunk{color:#aaa}pre .tex .formula{opacity:.5}

/*                              fancybox
***************************************/
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;padding:0;margin:0}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;padding:0;margin:0;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{padding:0;margin:0;position:relative;outline:0}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;padding:0;margin:0;vertical-align:top}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8020}#fancybox-loading div{width:44px;height:44px;background:url('fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url('blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:20px;background-position:0 -36px}.fancybox-next span{right:20px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;padding:0;overflow:visible;visibility:hidden}#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:#000}#fancybox-overlay.overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8030;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{margin-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}


/*                            2012-09-08
***************************************/
.article_text pre{
	font-size	:12px;
	border-width:0 0 0 3px;
}
.article_text pre code{
	background	:hsl(0,0%,97.5%);
	box-shadow	:inset 0 0 0 1px hsla(0,0%,100%,.25);
	border-width:1px;
}
.article_text .code-lang{
	margin		:0 0 -20px;
	padding		:4px;
	line-height	:1;
	font-size	:10px;
	font-weight	:400;
	background	:-moz-linear-gradient(top,hsl(0,0%,97.5%),hsl(0,0%,92.5%));
	background	:-webkit-gradient(linear,left top,left bottom,from(hsl(0,0%,97.5%)),to(hsl(0,0%,92.5%)));
	border-width:1px 1px 0;
	box-shadow	:inset 0 0 0 1px hsla(0,0%,100%,.25);
}
.article_text pre					{color:hsl(0,0%,25%)}
.article_text .code-lang				{color:hsl(0,0%,50%)}
.article_text pre .comment			{color:hsl(0,0%,75%)}
.article_text pre,
.article_text pre code,
.article_text .code-lang{
	border-color:hsl(0,0%,90%);
	border-style:solid;
}

.article_text blockquote{
	margin		:40px 0;
	padding		:0 0 0 15px;
	font-size	:90%;
	color		:hsl(0,0%,50%);
	border-color:hsl(0,25%,92.5%);
	border-style:solid;
	border-width:0 0 0 5px;
}
.article_text blockquote a:link,
.article_text blockquote a:visited{
	color		:hsl(0,25%,50%);
}
.article_text blockquote footer{
	margin		:1em 0 0;
	padding		:1em 0 0;
	border-top	:1px solid rgba(0,0,0,.5);
}

.article_text a:link,
.article_text a:visited{
	color			:hsl(0,25%,50%);
	text-decoration	:underline;
}
.article_text a:link:hover,
.article_text a:visited:hover{
	text-decoration	:none;
}

/*                            2012-09-08
***************************************/

.hatena-counter img{
	vertical-align:middle;
}
section.page_category .category_header{
	margin:0 0 40px;
	counter-reset:c1;
}
section.page_category .category_header_title{
	font-size:200%;
}
section.page_category .category_header_directory{
	font-weight:700;
}
section.page_category .category_list{
	padding			:30px 0 20px 64px;
	margin			:0 2% 10px;
	border-bottom	:1px dashed hsl(0,0%,80%);
	position		:relative;
//	display			:inline-block;
//	width			:45%;
//	vertical-align	:top;
	counter-increment:c1;
}
section.page_category .category_list::before{
	content		:counter(c1);
	font-size	:54px;
	color		:hsla(0,25%,90%,.5);
	font-weight	:700;
	position	:absolute;
	left		:0;
	top			:0;
	width		:64px;
	text-align	:center;
}
section.page_category .category_list_header{
	overflow:hidden;
}
section.page_category .category_list_header_title{
	float		:left;
	width		:45%;
	font-size	:1.25em;
}
section.page_category .category_list_header_text{
	color		:hsl(0,0%,50%);
	font-size	:85%;
	float		:right;
	width		:50%;
}
section.page_category .category_list_footer{
	padding		:5px 0;
	position	:absolute;
	top:0;
}
section.page_category .category_list_footer_time{
	font-size	:12px;
	font-weight	:700;
	color		:hsl(0,25%,80%);
}
section.page_category .category_header_text{
	font-size	:85%;
	margin		:20px 0;
}
section.page_category .category_header_directory{
	margin		:20px 0;
}

section.page_category .pager_l1{
	list-style	:none;
	margin		:0;
	padding		:0;
}
section.page_category .pager_l2{
	text-align		:center;
	display			:block;
	margin			:40px 0 0;
	letter-spacing	:.8em;
}
section.page_category .pager_l3 li{
	display:inline;
}
section.page_category .pager_l3 li span{
	font-weight	:700;
	font-size	:2em;
}
body.pagename_category [role="main"],
body.pagename_category #side{
	width	:auto !important;
	float	:none !important;
	margin	:0 0 40px !important;
}
.article_text .caption{
	font-size:85%;
}

/*                            2012-09-10
***************************************/

.article_text section > h1,
.article_text h2{
	color			:hsl(-15,75%,100%);
	background-color:hsl(-15,75%,66%);
	padding			:.4em .6em;
	border-radius	:3px;
	position		:relative;
}
.article_text > section > h1,
.article_text h2::after{
	content:"";
	display:block;
	position:absolute;
	bottom:-10px;
	width:0;
	height:0;
	border-color:hsl(-15,75%,66%) hsl(0,0%,100%) hsl(0,0%,100%);
	border-width:10px 10px 0;
	border-style:solid;
}
.article_text section > section > h1,
.article_text h3{
	color		:hsl(-15,75%,66%);
	border-color:hsl(-15,75%,66%);
	border-style:solid;
	border-width:0 0 3px;
	padding		:0 0 2px;
}
.article_text section > section > section > h1,
.article_text h4{
	color		:hsl(-15,75%,66%);
	border-color:hsl(-15,75%,66%);
	border-style:solid;
	border-width:0 0 0 .5em;
	padding		:0 0 0 .5em;
}
.article_text section > section > section > section > h1,
.article_text h5{
	color		:hsl(-20,50%,50%);
}

ul.postDate{
	margin		:20px 0;
	padding		:0;
	list-style	:none;
}
ul.postDate li{
	display:inline;
	padding:0 1em 0 0;
}
div#zenback{
    margin:40px 0 0;
}
#zenback-social-button{
	position:absolute;
	top:0;
}
.articleFooter{
	position:relative;
	padding	:100px 0 0;
}

.zenback_widget h1{
	display:none;
}
.article_text{
	color		:hsl(0,0%,25%);
	margin		:0 0 80px;
	font-size	:14px;
	clear		:both;
}

article header a[href^="http://mattintosh.blog.so-net.ne.jp/archive/"]{
	font-weight:700;
}
article .tag-word h1{
	display:none;
}


.sidebar{
	margin		:0 0 20px;
}
#latestEntry .sidebar-title{
    display:none;
}
.sidebar_list{
	margin		:0 0 20px;
	padding		:24px 0 20px;
	display		:block;
	position	:relative;
	border-color:hsl(0,0%,75%);
	border-style:dashed;
	border-width:0 0 1px;
}
.sidebar_list_title{
	font-size	:20px;
	margin		:0 0 .5em;
	line-height:1.25;
}
.sidebar_list_text{
	font-size:14px;
	color:hsl(0,25%,25%);
}
.sidebar_list_time{
	font-size	:16px;
	display		:block;
	position	:absolute;
	top			:0;
	font-weight	:700;
	color:hsl(0,25%,70%)
}
#pageFooter{
	overflow:hidden;
	padding:40px 5% 10px;
}
.footer_content_wrapper{
	float:left;
	width:25%;
}
.footer_content{
	margin:0 20px;
}
.footer_content h1{
	font-size:18px;
	font-family:MOYASHI;
	font-weight:400;
}
#pageHeader{
margin:10px 0;
position:relative;
padding:20px 10% 0;
}